<app-footer>
	<p class="footer-links">
		<a class="footer-link" href="http://blog.minws.com" target="_blank">Blog</a>
		<a class="footer-link" href="http://www.minws.com" target="_blank">Minws</a>
		<a class="footer-link" href="http://color.minws.com/colors.json" target="_blank">Download</a>
	</p>
	<p class="footer-text">
		Copyright © 2017 color.minws.com
	</p>
	<style>
	:scope {
		color: #999999;
		font-size: 14px;
		text-align: center;
		display: block;
		margin-top: 10px;
	}

	.footer-links {
		font-size: 0;
	}

	.footer-link {
		color: #333;
		display: inline-block;
		vertical-align: top;
		margin: 0 .62em;
		position: relative;
		font-size: 14px;
		text-decoration: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.footer-link:first-child:before {
		display: none;
	}

	.footer-link:before {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		width: 1px;
		bottom: 0;
		border-left: 1px solid #C7C7C7;
		color: #C7C7C7;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5);
		left: -0.65em;
		top: .36em;
		bottom: .36em;
	}

	.footer-text {
		padding: 0 .34em;
		font-size: 12px;
		color: #999999;
		text-align: center;
	}
	</style>
</app-footer>